<template>
    <div>
        <div class="threeBox">
            <div class="boxs">
                <h2 class="hhh">1304个</h2>
                <p>用户人数</p>
            </div>
            <div class="boxs">
                <h2 class="hhh">1288个</h2>
                <p>会员人数</p>
            </div>
            <div class="boxs">
                <h2 class="hhh">1207个</h2>
                <p>商品人数</p>
            </div>
        </div>
        <div class="echarts">
            
        </div>
    </div>
</template>

<script>
export default {
  setup() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
.threeBox {
  width: 100%;
  display: flex;
  .boxs {
    flex: 1;
    height: 100px;
    box-sizing: border-box;
    margin: 20px;
    border: 1px sloid #ccc;
    background: #ccc;
    text-align: center;
    padding: 20px;
    p {
      font-size: 20px;
      margin-top: 10px;
    }
  }
}
</style>